﻿/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; text-align:left; vertical-align: baseline;background: transparent; }

h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
h4 {	font-size: 19px;}
h5 {	font-size: 17px;}
h6 {	font-size: 15px;}
select{font-size:12px;font-family:simsun;}
ul,ol,li{list-style-type:none}
a {color:#666;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a,span,img,td,form,input{line-height:inherit;}
a:hover{color:#ff0000;text-decoration:underline;}
:focus {outline: none;}
body { font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
#wrapper{ margin:auto; text-align:center; overflow:hidden;}
/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/


/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:30px 10px 20px;}
.pager a{color:#0066CC;background-color:#FFFFFF;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#4483DC;}
.pager .cpb {color:#FFFFFF;background-color:#4483DC;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码                  	
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/


/*====================盛帆电子网站全站公共样式====================*/
#top{height:100px;background:url(../images/bg/X.png) repeat-x;}
#top .top{width:1002px;height:100px;margin:0px auto;overflow:hidden;position:relative;}
#top .top .logo{width:1002px;height:100px;}
#top .top .logo #Logo{display:block;width:160px;height:100px;}
#top .top .Links{float:right;padding-right:10px;width:300px;height:22px;line-height:22px;padding-top:20px;padding-bottom:6px;overflow:hidden;}
#top .top .Links span{float:left;padding:0px 7px;display:block;height:22px;line-height:22px;}
#top .top .Links a{display:block;height:22px;float:left;line-height:22px;}
#top .top .Links a.Email_top{background:url(../images/bg/Background.png) -1182px 0px no-repeat;padding-left:18px;}
#top .top .Links a.weibo{background:url(../images/bg/Background.png) -1181px -27px no-repeat;padding-left:19px;}
#top .top .Links a.language_select{background:url(../images/bg/Background.png) -1181px -51px no-repeat;padding-left:19px;}
#top .top #Top_Search{float:right;width:250px;height:23px;overflow:hidden;background:url(../images/bg/Background.png) -722px 0px no-repeat;line-height:22px;padding-right:10px;}
#top .top #Top_Search .text{float:left;border:0px;width:208px;padding:0px 2px 1px 2px;background:none;height:22px;color:#999; line-height:22px;}
#top .top #Top_Search .submit{float:left;width:38px;height:22px;padding:0px 0px 1px 0px;color:#fff;text-align:center;border:0px;background:none;cursor:pointer;line-height:22px;}

#EMail_Box{width:609px;height:243px;overflow:hidden;background:url(../images/bg/E-mail.jpg) no-repeat;}
#EMail_Box a{display:block;height:243px;float:left;}
#EMail_Box a.a1{width:197px;}
#EMail_Box a.a2{width:218px;}
#EMail_Box a.a3{width:194px;}

#Language{width:441px;height:213px;overflow:hidden;}
#Language a.chinese{float:left;display:block;width:221px;height:213px;background:url(../images/bg/Background.png) -303px -1539px no-repeat;}
#Language a.chinese:hover{background-position:-748px -1539px;}
#Language a.english{float:left;display:block;width:220px;height:213px;background:url(../images/bg/Background.png) -524px -1539px no-repeat;}
#Language a.english:hover{ background-position:-969px -1539px;}



#nav{background:url(../images/bg/X.png) 0px -100px repeat-x;height:44px;}

.nav{width:1002px;margin:0 auto;}
.nav dd {float:left}
.nav dd a.first{background-image:url(../images/bg/Background.png);display:block;height:44px;text-indent:-10000em;}
.nav dd.nav0 a{background-position:-0px -800px;width:97px;}
.nav dd.nav0 a:hover,.nav dd.nav0 a.hover{background-position:-0px -844px;}
.nav dd.nav1 a{background-position:-97px -800px;width:123px;}
.nav dd.nav1 a:hover,.nav dd.nav1 a.hover{background-position:-97px -844px;}
.nav dd.nav2 a{background-position:-220px -800px;width:123px;}
.nav dd.nav2 a:hover,.nav dd.nav2 a.hover{background-position:-220px -844px;}
.nav dd.nav3 a{background-position:-343px -800px;width:123px;}
.nav dd.nav3 a:hover,.nav dd.nav3 a.hover{background-position:-343px -844px;}
.nav dd.nav4 a{background-position:-466px -800px;width:123px;}
.nav dd.nav4 a:hover,.nav dd.nav4 a.hover{background-position:-466px -844px;}
.nav dd.nav5 a{background-position:-589px -800px;width:120px;}
.nav dd.nav5 a:hover,.nav dd.nav5 a.hover{background-position:-589px -844px;}
.nav dd.nav6 a{background-position:-755px -800px;width:123px;}
.nav dd.nav6 a:hover,.nav dd.nav6 a.hover{background-position:-755px -844px;}
.nav dd.nav7 a{background-position:-878px -800px;width:124px;}
.nav dd.nav7 a:hover,.nav dd.nav7 a.hover{background-position:-878px -844px;}

#nav dl dd{position:relative;z-index:30;}
#nav dl dd .sub_nav{background-image:url(../images/bg/Background.png);position:absolute;top:44px;}
#nav dl dd .sub_nav ul li a{font-size:14px;}
#nav dl dd .sub_nav ul li{background:url(../images/bg/Background.png) -1192px -105px no-repeat;padding-left:10px; line-height:32px;float:left;overflow:hidden;}

#nav dl dd.nav1 .sub_nav{width:712px;height:174px;overflow:hidden;left:-1px;background-position:0px -937px;}
#nav dl dd.nav1 .sub_nav ul{position:absolute;top:27px;left:47px;width:430px;}
#nav dl dd.nav1 .sub_nav ul li a{font-size:14px;}
#nav dl dd.nav1 .sub_nav ul li{width:320px;}



#nav dl dd.nav2 .sub_nav{width:445px;height:174px;overflow:hidden;left:-1px;background-position:0px -1124px;}
#nav dl dd.nav2 .sub_nav ul{position:absolute;top:27px;left:47px;width:150px;}
#nav dl dd.nav2 .sub_nav ul li{width:130px;}

#nav dl dd.nav3 .sub_nav{width:906px;height:237px;overflow:hidden;background:url(../images/bg/pro_nav_bg.png) no-repeat;left:-288px;}
#nav dl dd.nav3 .sub_nav dd{padding-top:23px;padding-left:42px;height:171px; position:relative;float:none;}
#nav dl dd.nav3 .sub_nav dd a.link{display:block;width:93px;height:30px;background:url(../images/bg/Background.png) 0px -1655px no-repeat; position:absolute;right:50px;bottom:27px;}
#nav dl dd.nav3 .sub_nav dd div.li{width:386px;height:107px;overflow:hidden;background:url(../Images/bg/Background.png) 0px -1772px no-repeat;padding:4px 0px 0px 10px;float:left;margin-right:31px;}
#nav dl dd.nav3 .sub_nav dd div.li.n2{margin-right:0px;}
#nav dl dd.nav3 .sub_nav dd div.li a.img{display:block;width:90px;height:90px;overflow:hidden;float:left;margin-right:18px;margin-top:5px;}
#nav dl dd.nav3 .sub_nav dd div.li div.text{float:left;width:250px;padding-top:16px;}
#nav dl dd.nav3 .sub_nav dd div.li div.text p{color:#4c4c4c;line-height:20px;padding:2px 0px;}
#nav dl dd.nav3 .sub_nav dd div.li div.text p a{color:#4c4c4c;}
#nav dl dd.nav3 .sub_nav dt{width:900px;overflow:hidden;height:38px;padding-left:2px;}
#nav dl dd.nav3 .sub_nav dt a{display:block;width:150px;height:38px;background:url(../images/bg/nav-tab.jpg) no-repeat;float:left;cursor:pointer;}
#nav dl dd.nav3 .sub_nav dt a.a1{background-position:0px 0px;}
#nav dl dd.nav3 .sub_nav dt a.a1:hover,#nav dl dd.nav3 .sub_nav dt a.a1.on{background-position:0px -38px;}
#nav dl dd.nav3 .sub_nav dt a.a2{background-position:-150px 0px;}
#nav dl dd.nav3 .sub_nav dt a.a2:hover,#nav dl dd.nav3 .sub_nav dt a.a2.on{background-position:-150px -38px;}
#nav dl dd.nav3 .sub_nav dt a.a3{background-position:-300px 0px;}
#nav dl dd.nav3 .sub_nav dt a.a3:hover,#nav dl dd.nav3 .sub_nav dt a.a3.on{background-position:-300px -38px;}
#nav dl dd.nav3 .sub_nav dt a.a4{background-position:-450px 0px;}
#nav dl dd.nav3 .sub_nav dt a.a4:hover,#nav dl dd.nav3 .sub_nav dt a.a4.on{background-position:-450px -38px;}
#nav dl dd.nav3 .sub_nav dt a.a5{background-position:-600px 0px;}
#nav dl dd.nav3 .sub_nav dt a.a5:hover,#nav dl dd.nav3 .sub_nav dt a.a5.on{background-position:-600px -38px;}
#nav dl dd.nav3 .sub_nav dt a.a6{background-position:-750px 0px;}
#nav dl dd.nav3 .sub_nav dt a.a6:hover,#nav dl dd.nav3 .sub_nav dt a.a6.on{background-position:-750px -38px;}

#nav dl dd.nav4 .sub_nav{width:445px;height:174px;overflow:hidden;left:-1px;background-position:-739px -937px;}
#nav dl dd.nav4 .sub_nav ul{position:absolute;top:27px;left:47px;width:150px;}
#nav dl dd.nav4 .sub_nav ul li{width:130px;}



#nav dl dd.nav5 .sub_nav{width:585px;height:174px;overflow:hidden;right:-3px;background-position:-0px -1321px;}
#nav dl dd.nav5 .sub_nav ul{position:absolute;top:27px;left:47px;width:290px;}
#nav dl dd.nav5 .sub_nav ul li{width:110px;}

#nav dl dd.nav6 .sub_nav{width:585px;height:174px;overflow:hidden;right:-3px;background-position:-597px -1322px;}
#nav dl dd.nav6 .sub_nav ul{position:absolute;top:27px;left:47px;width:300px;}
#nav dl dd.nav6 .sub_nav ul li{ width:300px;}

#nav dl dd.nav7 .sub_nav{width:543px;height:174px;overflow:hidden;right:-4px;background-position:-575px -1124px;}
#nav dl dd.nav7 .sub_nav ul{position:absolute;top:27px;left:37px;width:290px;}
#nav dl dd.nav7 .sub_nav ul li{width:110px;}






#main{background-color:#f5f5f5;}
#main .main{width:1002px;margin:0px auto;overflow:hidden;}


#foot{background-color:#808080;height:40px;}
#foot .footer{width:1002px;margin:0px auto;position:relative;line-height:40px;color:#fff;}
#foot .footer p{padding-left:10px; line-height:36px;color:#eecece;}
#foot .footer p a{color:#eecece;}
#foot .footer .yqlj{position:absolute;width:235px;height:20px;right:10px;top:10px;color:#fff;}
#foot .footer .yqlj span{float:left;line-height:20px;}
#foot .footer .yqlj .Youlian{background:url(../images/bg/Background.png) -550px -189px no-repeat;width:174px;height:20px;position:relative;cursor:pointer;z-index:300;line-height:20px;float:right;}
#foot .footer .yqlj .Youlian span{padding-left:15px;font-size:12px;z-index:101;position:relative;color:#666666;}
#foot .footer .yqlj .Youlian ul{position:absolute;border:1px solid #bfbfbf;border-bottom:none;bottom:19px;z-index:100;background:#fff;padding:4px 0px 3px 0px;_left:0px;+left:0px; display:none;overflow:hidden;}
#foot .footer .yqlj .Youlian ul li{width:172px;text-align:center;height:22px;line-height:22px;}
#foot .footer .yqlj .Youlian ul li a:hover{text-decoration:none;color:#f00;}

#foot .footer .wangjian{position:absolute;width:115px;height:40px;right:270px;top:0px;color:#fff;line-height:40px;}
#foot .footer .wangjian a{display:block;float:right;width:31px;height:35px;}




/*产品选项卡*/
#nTab{width: 610px;margin: 0 auto;overflow:hidden;}
#tags {PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; WIDTH: 600px; PADDING-TOP: 3px; HEIGHT: 34px; background:url(../images/ico1.gif) repeat-x;}
#tags LI {BACKGROUND: url(../images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT:2px; LIST-STYLE-TYPE: none; HEIGHT: 23px}
#tags LI A {	PADDING-RIGHT: 13px; PADDING-LEFT: 13px; BACKGROUND: url(../images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #333;LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none}
#tags LI.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px}
#tags LI.selectTag A {BACKGROUND-POSITION: right top; COLOR: #FFF; LINE-HEIGHT: 25px; HEIGHT: 25px}
#tagContent {BACKGROUND-COLOR: #fff}
.tagContent {DISPLAY: none; WIDTH: 600px;HEIGHT:300px; background:#F3F3F3; padding:8px 15px;}
#tagContent DIV.selectTag {DISPLAY: block}

.tagContent ul li{ width:180px; float:left; padding:0px 5px; text-align:center}

.tagContent ul li img{ border:1px solid #c0c0c0; padding:2px; width:175px; height:110px;}
/*辅助新闻列表*/
.info_list {margin: 0px;padding: 0px;list-style-type: none; }
.info_list a{margin-left: 6;}
.info_list li{background-repeat:no-repeat}
.info_list .li0{}
.info_list .li1{}
.info_list div{position: relative;padding:5px;}
.info_list .time{ position: absolute;right:10px;}
.info_list a:link { color:#7B7B7B; text-decoration:none}
.info_list a:visited{ TEXT-DECORATION: none}
.info_list a:active{text-decoration:none}
.info_list a:hover{text-decoration:underline}






